<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>大数据分析</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<!--[if IE 7]>
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/com.css" />
		<link rel="stylesheet" href="css/projectMange.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/echarts4.0.2.js"></script>

		<!--html5shiv.js和respond.min.js是为了让IE8支持HTML5的新标签以及CSS3里的媒体查询-->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="bg">
		<!--应用详情主体-->
		<div class="container-fluid content-wrap">
			<div class="app-content">
			    <div class="row">
			    	<div class="menu">
			    		<!--<span class="logo fa fa-navicon" title="菜单目录"></span>-->
						
						<ul class="menu-list w35 pull-left" >
							<li><a class="list-item" href="majorProject.html" title="项目概览">项目概览</a></li>
							<li class="choose"><a class="list-item" href="projectManage.html" title="项目管理">项目管理</a></li>
						</ul>
						<h4 class="title"><span>连云港城市运营监控分析</span></h4>
						<span class="amplify pull-right"><img src="img/enlarge.png/" alt="" /></span>
						<ul class="menu-list w30 pull-right" >
							<!--<li><a class="list-item" href="economicSum.html" title="经济汇总">经济汇总</a></li>
							<li><a class="list-item" href="corporateLand.html" title="企业用地云图">企业用地</a></li>
							<li><a class="list-item" href="taxIncomeCloud.html" title="税收云图">税收云图</a></li>-->
							<li><a class="list-item" href="specialAnalysis.html" title="专题分析">专题分析</a></li>
							<li><a class="list-item" href="enterpriseCloud.html" title="企业云图">企业云图</a></li>
							<li class="choose"><a class="list-item" href="majorProject.html" title="重大项目">重大项目</a></li>
							<li><a class="list-item" href="index.html" title="招商引资">招商引资</a></li>
							
						</ul>
			    	</div>

			    	<div class="content-list-wrap">
				    	<div class="content-list">
				    		<!--左侧部分-->
				    		<div class="content-left">
				    			<ul class="sub-list clearfix">
				    				<li class="active">分管领导</li>
				    				<li>投资部门</li>
				    			</ul>
				    			<div class="Dbox">
				    				<h4>A领导</h4>
				    				<div class="tableBox">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
				    					<table class="table table-bordered">
					    					<tr>
					    						<td colspan="3">项目建设</td>
					    						<td colspan="2">项目投资</td>
					    					</tr>
					    					<tr>
					    						<td>完成</td>
					    						<td>正常</td>
					    						<td>异常</td>
					    						<td>计划投资</td>
					    						<td>完成投资</td>
					    					</tr>
					    					<tr>
					    						<td>5</td>
					    						<td>6</td>
					    						<td>2</td>
					    						<td>11.6亿</td>
					    						<td>3亿</td>
					    					</tr>
					    				</table>
				    				</div>
				    				
				    			</div>
				    			<div class="Dbox">
				    				<h4>B领导</h4>
				    				<div class="tableBox">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<table class="table table-bordered">
					    					<tr>
					    						<td colspan="3">项目建设</td>
					    						<td colspan="2">项目投资</td>
					    					</tr>
					    					<tr>
					    						<td>完成</td>
					    						<td>正常</td>
					    						<td>异常</td>
					    						<td>计划投资</td>
					    						<td>完成投资</td>
					    					</tr>
					    					<tr>
					    						<td>5</td>
					    						<td>6</td>
					    						<td>2</td>
					    						<td>11.6亿</td>
					    						<td>3亿</td>
					    					</tr>
					    				</table>
				    				</div>
				    			</div>
				    			<div class="Dbox">
				    				<h4>C领导</h4>
				    				<div class="tableBox">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<table class="table table-bordered">
					    					<tr>
					    						<td colspan="3">项目建设</td>
					    						<td colspan="2">项目投资</td>
					    					</tr>
					    					<tr>
					    						<td>完成</td>
					    						<td>正常</td>
					    						<td>异常</td>
					    						<td>计划投资</td>
					    						<td>完成投资</td>
					    					</tr>
					    					<tr>
					    						<td>5</td>
					    						<td>6</td>
					    						<td>2</td>
					    						<td>11.6亿</td>
					    						<td>3亿</td>
					    					</tr>
					    				</table>
				    				</div>
				    			</div>
				    			<div class="Dbox">
				    				<h4>D领导</h4>
				    				<div class="tableBox">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<table class="table table-bordered">
					    					<tr>
					    						<td colspan="3">项目建设</td>
					    						<td colspan="2">项目投资</td>
					    					</tr>
					    					<tr>
					    						<td>完成</td>
					    						<td>正常</td>
					    						<td>异常</td>
					    						<td>计划投资</td>
					    						<td>完成投资</td>
					    					</tr>
					    					<tr>
					    						<td>5</td>
					    						<td>6</td>
					    						<td>2</td>
					    						<td>11.6亿</td>
					    						<td>3亿</td>
					    					</tr>
					    				</table>
				    				</div>
				    			</div>
				    		</div>
				    		<!--右侧部分-->
				    		<div class="content-right clearfix">
				    			<div class="con-r-left">
				    				<img class="areaMap" src="img/Ganyu.png/" alt="" />
				    				<div class="point"></div>
				    				<ul class="iconTab">
				    					<li><img src="img/icons/blue.png" /> 完成</li>
				    					<li><img src="img/icons/green.png" />正常</li>
				    					<li><img src="img/icons/orange.png" />滞后</li>
				    					<li><img src="img/icons/red.png" />问题</li>
				    					<li><img src="img/icons/grey.png" />未开工</li>
				    				</ul>
				    			</div>
				    			<div class="con-r-right">
				    				<div class="rightBox show">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="discrib">
					    					<h3>西河堤防加固工程</h3>
					    					<div class="mb15">[投资单位] 软件园经济投资有限公司</div>
					    					<div class="mb15">[项目总投资] 5.6千万</div>
					    					<div class="mb15">[计划开工时间] 2018年3月</div>
					    					<div class="mb15">[计划竣工时间] 2019年4月30日</div>
					    					<div class="mb15">[所属行业] 基础设施</div>
					    					<div class="mb15">[2018计划投资] 总投资：2.21千万<br/>
					    						1~4月完成投资：0.87千万，占比39.3%
					    					</div>
					    					<div class="mb15">[建设内容及规模]<br />
					    						岷江新津县防洪工程西河防洪堤全场2550米，项目邹童子5.6千万，其中中央资金1.2千万，其余有市级财政自筹。设计马道下危5cm厚M7.5水泥砂浆垫层，面层危20cm厚C20面板。马道危2cm宽12cm厚C路面，马道以上部为23cm厚雷诺护垫，面上铺10cm厚种植土鸡铺种草皮。
					    					</div>
					    				</div>
				    				</div>
					    			<div class="rightBox">
					    				<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="discrib">
					    					<h3>西河堤防加固工程</h3>
					    					<div class="mb10">[投资单位] 软件园经济投资有限公司</div>
					    					<div class="mb10">[项目地点] 元龙产业园C2地块</div>
					    					<div class="mb10">[项目总投资] 5.6千万</div>
					    					<div class="mb10">[建设周期] 2018.3~2019.4</div>
					    					<div class="process mb10">[项目描述] 
					    						<ul class="pro-list">
						    						<li>项目备案<span class="circle bg-green"></span></li>
						    						<li>环境影响评价<span class="circle bg-green"></span></li>
						    						<li>人防审查<span class="circle bg-green"></span></li>
						    						<li>办理规划许可证<span class="circle bg-orange"></span></li>
						    						<li>施工图文件审查<span class="circle bg-orange"></span></li>
						    						<li>工程质量安全监督<span class="circle"></span></li>
						    						<li>办理施工许可证<span class="circle"></span></li>
						    						<li>耕地税契税<span class="circle"></span></li>
						    						<li>消防备案<span class="circle"></span></li>
						    						<li>办理土地证<span class="circle"></span></li>
						    						<li>竣工验收<span class="circle"></span></li>
						    					</ul>
					    					</div>
					    					
					    				</div>
					    				<div class="pro-choose">
				    						<ul>
				    							<li><span class="rect bg-green"></span>已完成</li>
				    							<li><span class="rect bg-orange"></span>办理中</li>
				    							<li><span class="rect"></span>未完成</li>
				    						</ul>
				    					</div>
					    			</div>
					    			<div class="rightBox">
					    				<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="discrib">
					    					<h3>本周主要建设工作进展</h3>
					    					<span>规划建设：</span>
					    					<div class="mb15">1.项目规划选址预审意见：本周配合三星办出具了三星项目选址预审意见，协调市规划局给省建设厅上报了三星项目成规划选址预审意见函，并于6月6日取得省建设厅建设项目选址意见书审核表。</div>
					    					<div class="mb15">2.本周通过了三星办与三星公司就三星临时办公和PC工厂方案进行了多次沟通，确定了两块场地的用地范围，三星公司正在完善方案。</div>
					    					<div class="mb15">3.根据省建设厅对接建设部后的反馈意见，配合综保区申报组拟定了计划。</div>
					    				</div>
					    			</div>
					    			<div class="rightBox">
					    				<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="discrib">
					    					<h3>电子器件工厂重大项目</h3>
					    					<div class="mb5">[用地] 50亩</div>
					    					<div class="mb5">[建筑面积] 34000平方米</div>
					    					
					    					<div class="mb5 clearfix">
					    						<div class="taxleft">
					    							<div class="taxItem">
					    								<span>[投产] </span>
							    						<ul class="annual">
								    						<li>2016年：1450万</li>
								    						<li>2017年：1320万</li>
								    						<li>2018年：1690万</li>
								    					</ul>
					    							</div>
					    							<div class="taxItem">
					    								<span>[产值] </span>
							    						<ul class="annual">
								    						<li>2016年：2130万</li>
								    						<li>2017年：2076万</li>
								    						<li>2018年：3320万</li>
								    					</ul>
					    							</div>
					    							<div class="taxItem">
					    								<span>[纳税] </span>
							    						<ul class="annual">
								    						<li>2016年：127.8万</li>
								    						<li>2017年：124.56万</li>
								    						<li>2018年：199.2万</li>
								    					</ul>
					    							</div>
					    						</div>
					    						<div class="taxright">
							    					<b class="sums">4460万</b>
							    					<b class="sums">7526万</b>
							    					<b class="sums">451.46万</b>
						    					</div>
					    					</div>
											
					    				</div>
					    				<div class="chartBox" id="chart1">
												
										</div>
										<div class="chartBox" id="chart2">
											
										</div>
					    			</div>
				    			</div>
				    			<!--施工图-->
				    			<div class="constructImg">
				    				<i class="topLeft"></i>
				    				<i class="topRight"></i>
				    				<i class="bottomRight"></i>
				    				<i class="bottomLeft"></i>
				    				<div class="minor">
				    					<!-- Swiper -->
									    <div class="swiper-container gallery-top">
									        <div class="swiper-wrapper">
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									
									            
									        </div>
									        <!-- Add Arrows -->
									        <div class="swiper-button-next swiper-button-white"></div>
									        <div class="swiper-button-prev swiper-button-white"></div>
									    </div>
									    <div class="swiper-container gallery-thumbs">
									        <div class="swiper-wrapper">
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									            <div class="swiper-slide"><img src="img/1.png" alt=""></div>
									
									            
									        </div>
									    </div>
				    				</div>
				    			</div>
				    			<div class="con-r-list">
				    				<ul>
				    					<li class="active">基本信息</li>
				    					<li>过程信息</li>
				    					<li>施工现场</li>
				    					<li>阶段报告</li>
				    					<li>投产运营</li>
				    				</ul>
				    			</div>
				    		</div>
				    		
				    	</div>
			    	</div>
			    </div>
				
			</div>
		</div>
		<div class="tip">
			<p>西河堤坝加固工程</p>
			<table>
				<tr>
					<td>投资单位：</td>
					<td>软件园经济投资有限公司</td>
				</tr>
				<tr>
					<td>总投资：</td>
					<td>5.6千万</td>
				</tr>
				<tr>
					<td>计划开工：</td>
					<td>2018年3月</td>
				</tr>
				<tr>
					<td>计划竣工：</td>
					<td>2019年4月30日</td>
				</tr>
				<tr>
					<td>所属产业：</td>
					<td>基础设施设施</td>
				</tr>
				<tr>
					<td>占地面积：</td>
					<td>112亩</td>
				</tr>
				<tr>
					<td>责任单位：</td>
					<td>住建委</td>
				</tr>
			</table>
		</div>
		<!--应用详情主体-->
		<script src="js/common.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/projectManage.js"></script>
		<script>
			
			$(function(){
				$(".List li").on("click",function(){
					$(this).addClass("active").siblings().removeClass("active");
				})
				var list = $(".tip");
				$(".point").append(list);
				
				//项目管理右侧菜单切换操作
				$(".con-r-list li").on("click",function(){
					var $index = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					if($index == 2){//如果是施工现场选项
						$(".con-r-left").hide();
						$(".con-r-right").hide();
						$(".constructImg").show();
					}else{//如果不是施工现场选项
						$(".constructImg").hide();
						if(!$(".con-r-left").is(":visible")){
							$(".con-r-left").show();
							$(".con-r-right").show();
							if($index >= 3){//如果选项大于等于第四个时
								$(".rightBox").eq($index-1).addClass('show').siblings().removeClass('show');	
							}else{//如果选项小于等于第二个时
								$(".rightBox").eq($index).addClass('show').siblings().removeClass('show');
							}
						}else{
							if($index >= 3){//如果选项大于等于第四个时
								$(".rightBox").eq($index-1).addClass('show').siblings().removeClass('show');	
							}else{//如果选项小于等于第二个时
								$(".rightBox").eq($index).addClass('show').siblings().removeClass('show');
							}
						}
					}
					
				})
				var $width = $(".con-r-left").width();
				var $height = $(".con-r-left").height();
			    //第一次加载的时候
			    //根据窗口宽度比例去动态改变提示信息位置
			    $('.point').css({"left": $width * 0.5895, "top": $height * 0.314});
			    /*$(window).resize(function () {
			        //动态适配页面高度
			        //$('.page1').css({"height": $width * 0.5620});
					var $width = $("body").width();
					var $height = $("body").height();
			        //根据窗口宽度比例去动态改变提示信息位置
			        $('.point').css({"left": $width * 0.215, "top": $height * 0.230});
			    });*/
			})
		</script>
		<script>
			var galleryTop = new Swiper('.gallery-top', {
				observer: true,//tab切换中必须的设置,否则无法滚动
				observeParents: true,//tab切换中必须的设置,否则无法滚动
		        nextButton: '.swiper-button-next',
		        prevButton: '.swiper-button-prev',
		        spaceBetween: 10,
		    });
		    var galleryThumbs = new Swiper('.gallery-thumbs', {
		    	observer: true,//tab切换中必须的设置,否则无法滚动
				observeParents: true,//tab切换中必须的设置,否则无法滚动
		        spaceBetween: 10,
		        centeredSlides: true,
		        slidesPerView: 'auto',
		        touchRatio: 0.2,
		        slideToClickedSlide: true
		    });
		    galleryTop.params.control = galleryThumbs;
		    galleryThumbs.params.control = galleryTop;
		</script>
	</body>
</html>
